<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>流程审批</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../../../component/elementUI/index.css">
  <link rel="stylesheet" href="dataFlow/submitForm.css">
</head>

<body>
  <div id="app" v-cloak>
    <el-form :model="form" ref="contract" inline-message="true" style="width: 100%">
      <el-row :gutter="10">
        <!-- <el-col :xs="24" :span="16">
          <div class="table_titel">
            <div class="titel">提交申请</div>
          </div>
          <el-descriptions :column="isWindow?1:2" border size="small">
            <el-descriptions-item label="系统名称">
              <el-form-item prop="System_Name">
                <el-input v-model.trim="form.System_Name" placeholder="请输入系统名称"></el-input>
              </el-form-item>
            </el-descriptions-item>
            <el-descriptions-item label="说明备注">
              <el-form-item prop="System_Remark">
                <el-input v-model.trim="form.System_Name" placeholder="请输入系统名称"></el-input>
              </el-form-item>
            </el-descriptions-item>
          </el-descriptions>
        </el-col> -->
        <el-col :xs="24" :span="8">
          <div class="table_titel">
            <div class="titel">审批流程</div>
          </div>
          <div style="width: 100%;margin-bottom: 50px;">
            <approval :Data="Data"></approval>
            <!-- <el-timeline>
              <el-timeline-item type="primary" v-for="(item, index) in data.filter(i=>i.Current_Node_Approver_Type!='0')" :key="index"
                :color="ResultTotal(item,index).color" :icon="icon(item.Current_Node_Approver_Type)" size="large">
                <div style="padding-bottom: 10px; display: flex;">{{item.Node_name}}
                    <span v-if="ResultTotal(item,index).text">&nbsp;·&nbsp;{{ResultTotal(item,index).text}}
                        <span v-show="item.userlist.length>1&&item.examineMode!='2'">({{item.userlist.filter(i=>i.Approver_Result!='').length +'/'+item.userlist.length}})</span> 
                    </span>
                    <span v-if="item.userlist.length>1&&item.Current_Node_Approver_Type=='1'" style="border-radius: 2px; margin-left: 10px; padding:0 2px; font-size: 12px; border: 1px solid #409EFF; color:#409EFF;">{{mark(item.examineMode)}}</span>
                </div>
                <div v-for="(ite,ind) in item.userlist" :key="ind" style="display: flex; align-items: center;  justify-content: space-between; margin-bottom: 5px;">
                  <div style="display: flex; align-items: center; height: 100%;">
                      <div style="position: relative;">
                          <img style="display: inline; margin-left: 5px; width: 30px; height: 30px;"
                              src="dataFlow/image/icon_people.png">
                          <i :class="Result(ite.Approver_Result,item).icon" :style="{color:Result(ite.Approver_Result,item).color}" 
                          style="background-color: #fff; border-radius: 50%; position: absolute; right: -5px;top:-5px;"></i>  
                      </div>
                      <span style="margin: 0 5px; font-size: 12px;">{{ite.name}}</span>
                  </div>
                  <span v-if="Result(ite.Approver_Result,item).text" style="font-size: 12px; color: #979797;">{{Result(ite.Approver_Result,item).text}} · {{getTime(ite.Approver_Time)}}</span>
                </div>
              </el-timeline-item>
            </el-timeline> -->
          </div>
        </el-col>
      </el-row>
      <el-form-item class="form-operation">
        <el-button @click="window.history.back()">返回</el-button>
      </el-form-item>
    </el-form>
  </div>
  <script type="text/javascript" src="../../../utils/jquery-3.6.0.min.js"></script>
  <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
  <script type="text/javascript" src="../../../utils/vue.min.js"></script>
  <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
  <script type="text/javascript" src="../../../utils/utils.js"></script>
  <script type="text/javascript" src="../../../utils/ID_Validity.js"></script>
  <script type="text/javascript" src="../component.js"></script>
  <script type="text/javascript" src="js/Show.js"></script>
</body>

</html>